<template>
  <div>
    <!-- 
      按键修饰符:
      .enter
      .esc
      vue 官网只提供了一部分修饰符, 如果需要更强大的扩展能力, 可以自行翻阅 ASCII 通过键盘码来捕获对应的按键
     -->
    用户名: <input @keydown.enter="fn" type="text">
    用户名: <input @keydown.13="fn" type="text">
    密码: <input @keydown.esc="fn2" type="password">
  </div>
</template>

<script>
export default {
  data() {
    return {
      
    };
  },
  methods: {
    fn() {
      console.log('用户按下了回车键')
    },
     fn2() {
      console.log('用户按下了esc')
    }
  }
};
</script>

<style>

</style>